<template>
	<view :class="bgColor">
		 <view class="status_bar pt-f top-0 z1000" :class="bgColor"></view>
		 <view class="nav-box z1000 p-22-32 w-750 h-95" :class="bgColor">
		 	<view class="fs-32 dp-fc jc-sb color-666">
		 		<view class="w-150" @click="back">返回</view>
				<view class="fs-38">
					<slot></slot>
				</view>
		 		<view class="w-150"></view>
		 	</view>
		 </view>
		 <view class="status_bar"></view>
		 <view class="h-94"></view>
	</view>
</template>

<script>
	export default {
		props:{
			bgColor: {
				type: String,
				default: 'bg-fff'
			},
		},
		methods:{
			back(){
				this.$reRouter('/',true)
			}
		}
	}
</script>

<style lang="scss">
.status_bar {
      height: var(--status-bar-height);
      width: 100%;
  }
  .nav-box{
	  position:fixed;
	  top: var(--status-bar-height);
  }
  .p-22-32{
	  padding: 22rpx 32rpx;
  }
  .bg-f1{
	  background-color: #F1F1F1;
  }
  .z1000{
	  z-index: 1000;
  }
</style>
